<template>
    <div class="aside">
        <el-aside class="el-aside">
            <el-menu :default-active="$route.path" active-text-color="rgb(83, 168, 255)" background-color="#fff"
                class="el-menu" text-color="black" :router="true">

                <el-menu-item index="/adminHome/backHome" class="menu-item menu-item-top">
                    <i class="iconfont icon-shouye-zhihui svg"></i>
                    <span>首页</span>
                </el-menu-item>

                <el-menu-item index="/adminHome/user" class="menu-item">
                    <i class="iconfont icon-yonghuguanli svg"></i>
                    <span>用户管理</span>
                </el-menu-item>

                <el-menu-item index="/adminHome/department" class="menu-item">
                    <i class="iconfont icon-bumenguanli svg"></i>
                    <span>部门管理</span>
                </el-menu-item>

                <el-sub-menu index="3">
                    <template #title>
                        <i class="iconfont  icon-iconmonstr-school-29 icon"></i>
                        <span class="menu-exam">课程班级管理</span>
                    </template>
                    <el-menu-item class="menu-exam-item" index="/adminHome/course">
                        <i class="iconfont  icon-kecheng svg"></i>
                        <span>课程管理</span>
                    </el-menu-item>
                    <el-menu-item class="menu-exam-item" index="/adminHome/class">
                        <i class="iconfont  icon-banji svg"></i>
                        <span>班级管理</span>
                    </el-menu-item>
                </el-sub-menu>

                <el-sub-menu index="4">
                    <template #title>
                        <i class="iconfont  icon-mianshitiku icon"></i>
                        <span class="menu-exam">题库管理</span>
                    </template>
                    <el-menu-item class="menu-exam-item" index="/adminHome/question">
                        <i class="iconfont  icon-timuguanli svg"></i>
                        <span>题目管理</span>
                    </el-menu-item>
                    <el-menu-item class="menu-exam-item" index="/adminHome/knowledge">
                        <i class="iconfont  icon-zhishidianchuti svg"></i>
                        <span>知识点管理</span>
                    </el-menu-item>
                </el-sub-menu>


                <el-sub-menu index="5">
                    <template #title>
                        <i class="iconfont  icon-kaoshiguanli icon"></i>
                        <span class="menu-exam">考试管理</span>
                    </template>
                    <el-menu-item class="menu-exam-item" index="/adminHome/manageExam">
                        <i class="iconfont icon-kaoshijilu svg"></i>
                        <span>考试库管理</span>
                    </el-menu-item>
                    <el-menu-item class="menu-exam-item" index="/adminHome/createExam">
                        <i class="iconfont icon-tianjia svg"></i>
                        <span>创建考试</span>
                    </el-menu-item>
                </el-sub-menu>

                <!-- <el-sub-menu index="4">
                    <template #title>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-ea893728="" class="icon">
                            <path fill="currentColor"
                                d="m199.04 672.64 193.984 112 224-387.968-193.92-112-224 388.032zm-23.872 60.16 32.896 148.288 144.896-45.696zM455.04 229.248l193.92 112 56.704-98.112-193.984-112-56.64 98.112zM104.32 708.8l384-665.024 304.768 175.936L409.152 884.8h.064l-248.448 78.336zm384 254.272v-64h448v64h-448z">
                            </path>
                        </svg>
                        <span class="menu-exam">考试管理</span>
                    </template>
                    <el-menu-item class="menu-exam-item" index="/manageExam1">考试管理1</el-menu-item>
                    <el-menu-item class="menu-exam-item" index="/manageExam2">考试管理2</el-menu-item>
                    <el-menu-item class="menu-exam-item" index="/manageExam3">考试管理3</el-menu-item>
                    <el-sub-menu index="1-4">
                        <template #title>item four</template>
                        <el-menu-item index="1-4-1">item one</el-menu-item>
                    </el-sub-menu>
                </el-sub-menu> -->
                <el-sub-menu index="6">
                    <template #title>
                        <i class="iconfont  icon-shijuanguanli icon"></i>
                        <span class="menu-exam">试卷管理</span>
                    </template>
                    <el-menu-item class="menu-exam-item" index="/adminHome/examPaper">
                        <i class="iconfont  icon-timuguanli svg"></i>
                        <span>试卷库管理</span>
                    </el-menu-item>
                    <el-menu-item class="menu-exam-item" index="/adminHome/createExamPaper">
                        <i class="iconfont icon-tianjia1 svg"></i>
                        <span>创建试卷</span>
                    </el-menu-item>
                </el-sub-menu>
            </el-menu>
        </el-aside>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router'

const router = useRouter()


</script>

<style lang="less" scoped>
.el-aside {
    z-index: 100;
    padding: 0;
    position: fixed;
    min-height: 100vh;
    width: 200px;
    overflow: scroll;

    .menu-item-top {
        margin-top: 30px;
    }

    .el-menu {
        width: 200px;
        height: 91%;
        position: absolute;
        overflow: scroll;

        .menu-item {
            padding: 0 20px;
        }

        el-menu-item:hover {
            color: rgb(83, 168, 255);
        }

        .last-menu {
            margin-bottom: 15px;
        }

        .menu-exam {
            padding-left: 12px;

            .menu-exam-item {
                padding: 0;
            }
        }

        .svg {
            width: 15px;
            padding-right: 25px;
            padding-left: 5px;
        }

        .icon {
            width: 17px;
            padding: 0 13.5px 0 5px;
        }
    }
}
</style>